<template>
    <div class="footer">


        
        <van-tabbar v-model="active" style="height:49px">            
            <van-tabbar-item icon="wap-home-o"><router-link tag="div" to="/index/list">首页</router-link></van-tabbar-item>
            <van-tabbar-item icon="point-gift-o"><router-link tag="div" to="/type">分类</router-link></van-tabbar-item>
            <van-tabbar-item icon="cart-o" info="5"><router-link tag="div" to="/car/status">购物车</router-link></van-tabbar-item>
            <van-tabbar-item icon="manager-o"><router-link tag="div" to="/my/center">我的</router-link></van-tabbar-item>
        </van-tabbar>
    </div>
</template>
<script>
export default {
    data() {
        return {
            active:0
        }
    },
    methods: {
       
    },
}
</script>
<style lang="less" scoped>
    .footer{
      
        height: 49px;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 66;
    }
</style>